<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content={$drawingInfo.seo_keyword}>
<meta name="description" content={$drawingInfo.seo_description}>
<title>{$drawingInfo.topic}</title>
<link rel="shortcut icon" href="/index/img/bieshu_logo.png" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="/index/css/style.css">
<link rel="stylesheet" href="/index/css/responsive.css" />
<script src="/public/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="/index/js/jquery.slide.js"></script>
<script type="text/javascript" src="/index/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="/index/js/addons.js" ></script>
<!--[if lt IE 9]>
<script src="/index/js/html5.js"></script>
<![endif]-->
</head>
<body onkeydown="on_return()">
<div class="Uppermost">
	<div class="wrapper">
		<div class="clearfix">
			欢迎光临湖南森态建筑设计有限责任公司！
			{empty name='user_info.user_id'}<div class="fr"><a href="javascript:;" class="user_login">登陆<span>|</span>注册</a></div>{/empty}{notempty name='user_info.user_id'}<div class="fr"><a href="javascript:;">别墅工场欢迎您！</a></div>{/notempty}
		</div>
		<p><a href="/about">关于我们</a><span>|</span>{empty name='user_info.user_id'}<a href="javascript:;" class="user_login">个人中心</a>{/empty}{notempty name='user_info.user_id'}<a href="/userInfo" >个人中心</a>{/notempty}<span>|</span><a href="/sitemap.html">网站地图</a></p>
	</div>
</div>
<div class="header">
	<div class="wrapper">
		<div class="img fl">
			<a href="#">
				<img src="/index/img/u33.png" />
			</a>
		</div>
		<div class="nav fl">
			<ul class="clearfix">
				<li><a href="/">网站首页</a></li>
				<li class="on"><a href="/bieshusheji">别墅图纸</a></li>
				<li><a href="/tuandui">设计团队</a></li>
				<li><a href="/dingzhi">私人定制</a></li>
				<li><a href="/ordercase">案例展示</a></li>
				<li><a href="/news">建房知识</a></li>
			</ul>
		</div>
		<div class="fr inp">
			<label>
				<form>
					<input type="text" id="keyword_name" placeholder="输入图纸编号或是关键字"/>
				</form>
				<button id="searchButton" onclick="search()"></button>
			</label>
		</div>
	</div>
</div>
<!--conter -->
<div class="banner">
	<a><img src="/index/img/u37.png" /></a>
</div>
<div class="cut wrapper">
	<a href="/">首页</a><span>></span><a href="/bieshusheji">别墅图纸</a><span>></span><i>{$drawingInfo.topic}</i>
</div>
<div class="wrapper clearfix">
	<div class="y_main">
		<div class="clearfix">
		  <div class="game163 fl">
			 <ul class="bigImg">
				 {notempty name='carousel'}
				 {volist  name="carousel" id="info"}
				 <li>
					 <a target="_blank"><img style="height: 464px" src="{$info.url}" /></a>
				 </li>
				 {/volist}
				 {/notempty}
			</ul>
			<div class="smallScroll">
				<a class="sPrev" href="javascript:void(0)">←</a>
				<div class="smallImg">
						 <ul>
							 {notempty name='carousel'}
							 {volist  name="carousel" id="info"}
							 <li><a><img src="{$info.url}" style="height: 95.75px" /></a></li>
							 {/volist}
							 {/notempty}
						</ul>
				</div>
				<a class="sNext" href="javascript:void(0)">→</a>
			</div>
			<div class="pageState"></div>
		  </div>
		  <div class="y_detail fr">
		  	 <h4>{$drawingInfo.topic}<a href="#">收藏</a></h4>
		  	 <h6 class="clearfix">图纸价格：<strong>{$drawingInfo.price|substr=0,-3} </strong>元<div class="fr">图纸编号：<span>{$drawingInfo.no}</span></div></h6>
		  	 <ul>
		  	 	<li class="clearfix">
		  	 		别墅层数：<i>{$drawingInfo.layct}层</i>
		  	 	</li>
				 {notempty name='drawingInfo.struct'}
				 <li class="clearfix">
					 结构形式：<i>{$config_info[$drawingInfo.struct]}</i>
				 </li>
				 {/notempty}
		  	 	<li class="clearfix">
		  	 		占地面积：<i>{$drawingInfo.zarea}㎡</i>
		  	 	</li>
		  	 	<li class="clearfix">
		  	 		建筑开间：<i>{$drawingInfo.open}m</i>
		  	 	</li>
		  	 	<li class="clearfix">
		  	 		建筑进深：<i>{$drawingInfo.depth}m</i>
		  	 	</li>
		  	 	<li class="clearfix">
		  	 		建筑面积：<i>{$drawingInfo.jarea}㎡</i>
		  	 	</li>
		  	 </ul>
		  	 <p>主体造价：
				 <i>
					 {empty name = 'drawingInfo.bprice1'} 暂无 {/empty}
					 {notempty name = 'drawingInfo.bprice1'}
					 {$drawingInfo.bprice1}万~{$drawingInfo.bprice2}万(地基、外墙整装费用除外)
					 {/notempty}
			 </i>
			 </p>
		  	 <p style="margin-bottom: 10px">方案选择：{volist name='no_list' id='info'}<a href="/{$info.old_img_id}.html" rel="nofollow"><span>方案{$i}</span></a>{/volist}</p>
		  	 <div class="btn clearfix">
		  	 	<a href="#" onclick="buyImg({$drawingInfo.drawing_id})">立即购买</a>
		  	 	<!--<a href="#">加入购物车</a>-->
		  	 	<!--<div class="fr"><img src="/index/img/u773.png" />扫一扫手机浏览</div>-->
		  	 <!--</div>-->
		  	 <div class="text">
		  	 	<p style="margin-bottom: 0px;">请您在下订单前与在线客服确认配送范围</p>
		  	 	<p>您在本站订购的图纸，我们客服人员会电话与您联系确认图纸编号、收货信息等， 感谢您对本站的关注，祝您网上购物愉快！</p>
		  	 </div>
		  </div>
	<script type="text/javascript">
		//大图切换
		jQuery(".game163").slide({ titCell:".smallImg li", mainCell:".bigImg", effect:"fold", autoPlay:true,delayTime:200,
			startFun:function(i,p){
				//控制小图自动翻页
				if(i==0){ jQuery(".game163 .sPrev").click() } else if( i%4==0 ){ jQuery(".game163 .sNext").click()}
			}
		});

		//小图左滚动切换
		jQuery(".game163 .smallScroll").slide({ mainCell:"ul",delayTime:100,vis:4,scroll:4,effect:"left",autoPage:true,prevCell:".sPrev",nextCell:".sNext",pnLoop:false });
	</script>
		</div>
		<div class="banner">
			<a href="/dingzhi">
				<img src="/index/img/u785.png" />
			</a>
			<div class="y_text">
				<h6>购图前重要说明：</h6>
				<p>购买本套图纸仅提供打印好的图纸一份，我们不出售电子文件、光盘。我们设计的图纸非常详细，用A3规格打印图纸，比传统蓝图更清晰、容易复印、方便收藏，可以直接应用到施工现场。售后服务仅为图纸答疑，不包任何修改，因为只要其中一张图纸改变，其它图纸相应均需修改，工作量较大，所以我们不包修改。如果您个性要求较多需按要求订做设计，请查看别墅设计业务流程，并联系设计客服咨询设计收费标准。</p>
			</div>
		</div>
		<div class="h_content">
			<div class="h_hd">
				<ul class="clearfix">
					<li class="on"><a href="#">详情描述</a></li>
					<li><a href="#">图纸展示</a></li>
					<!--<li><a href="#">图纸评论</a></li>-->
					<!--<li><a href="#">相关案例</a></li>-->
				</ul>
			</div>
			<div class="y_tabulation">
				<p> {$drawingInfo.text_content}</p>
				<table>
					<tr>
						<td colspan="2">图纸内容</td>
					</tr>
					<tr>
						<td>建筑图</td>
						<td>{$drawingInfo.pbuild}</td>
					</tr>
					<tr>
						<td>结构图</td>
						<td>{$drawingInfo.pstruct}</td>
					</tr>
					<tr>
						<td>给排水图</td>
						<td>{$drawingInfo.pdrain}</td>
					</tr>
					<tr>
						<td>电器图</td>
						<td>{$drawingInfo.peleric}</td>
					</tr>
					<tr>
						<td colspan="2">设计功能</td>
					</tr>
					{notempty name='planarPlan'}
					{volist  name="planarPlan" id="info" key="k"}
					<tr>
						<td>{$info.name|substr=0,6}</td>
						<td>{$info.name}</td>
					</tr>
					{/volist}
					{/notempty}
				</table>
				<div class="img-boxs">
					<div class="y_tits">
						<h2>建筑效果图</h2>
						<i></i>
						<h5>JIAN ZHU XIAOGUOTU</h5>
					</div>
					{notempty name='effectPicture'}
					{volist  name="effectPicture" id="info"}
					<div class="thumb">
						<a href="#">
							<img src="{$info.url}" />
						</a>
					</div>
					{/volist}
					{/notempty}
					<div class="y_tits">
						<h2>平面方案图</h2>
						<i></i>
						<h5>PINGMIAN FANGANTU</h5>
					</div>
					{notempty name='planarPlan'}
					{volist  name="planarPlan" id="info"}
					<h6>{$info.name}</h6>
					<div class="thumb">
						<a>
							<img src="{$info.url}" />
						</a>
					</div>
					{/volist}
					{/notempty}
					{notempty name='zhengPicture'}
					<div class="y_tits">
						<h2>正立面图</h2>
						<i></i>
						<h5>ZHENG LIMIANTU</h5>
					</div>
					{volist  name="zhengPicture" id="info"}
					<h6>{$info.name}</h6>
					<div class="thumb">
						<a>
							<img src="{$info.url}" />
						</a>
					</div>
					{/volist}
					{/notempty}
					{notempty name='beiPicture'}
					<div class="y_tits">
						<h2>背立面图</h2>
						<i></i>
						<h5>BEI LIMIANTU</h5>
					</div>
					{volist  name="beiPicture" id="info"}
					<h6>{$info.name}</h6>
					<div class="thumb">
						<a>
							<img src="{$info.url}" />
						</a>
					</div>
					{/volist}
					{/notempty}
				</div>
			</div>
		</div>
	</div>
	<!--//评论暂时不做，先隐藏-->
	<!--<div class="comment comment2">-->
			<!--<div class="top">-->
				<!--<h6>网友评论</h6>-->
				<!--<div class="clearfix">-->
					<!--<div class="left fl">-->
						<!--<textarea placeholder=""></textarea>-->
					<!--</div>-->
					<!--<div class="right fr">-->
						<!--<input type="text" placeholder="" class="a"/>-->
						<!--<input type="text" placeholder="" class="b"/>-->
						<!--<div class="btn">-->
							<!--<button>发表评论</button>-->
							<!--<a href="#">注册</a>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="body">-->
				<!--<ul>-->
					<!--<li>-->
						<!--<img src="/index/img/u1552.png" />-->
						<!--<p class="clearfix">网友评论：<span>屋顶阁楼有楼梯上去吗？</span><i class="fr">2018-11-22 08:36</i></p>-->
					<!--</li>-->
					<!--<li class="clearfix">-->
						<!--<img src="/index/img/u1552.png" />-->
						<!--<p class="clearfix">网友评论：<span>屋顶阁楼有楼梯上去吗？</span><i class="fr">2018-11-22 08:36</i></p>-->
						<!--<div class="box fr">-->
							<!--<span>[商家回复]</span>：你好，屋顶的阁楼可以上人的。有关图纸的细节问题，请咨询设计顾问卢工，电话：15111092947，微信：15111092947-->
						<!--</div>-->
					<!--</li>-->
				<!--</ul>-->
			<!--</div>-->
		<!--</div>-->
	<div class="lists-box wrapper" style="width: 1170px">
	<div class="y_title">
		<h5>你可能感兴趣的图纸</h5>
	</div>
	<ul class="clearfix">
		{volist name='drawingList' id='info'}
		<li>
			<div class="lists">
				<div class="thumb">
					<a href="/{$info.drawing_id}">
						<img src="{$info.cover}" />
					</a>
				</div>
				<h6>{$info.topic}</h6>
				<div class="icon clearfix">
					<p><img src="/index/img/u487.png" />层数 : <span>{$info.layct}层</span></p>
					<p><img src="/index/img/u489.png" />风格 : <span>{$info.config_name}</span></p>
				</div>
			</div>
		</li>
		{/volist}
	</ul>
</div>
<div class="listing listings">
	<div class="y_title" style="margin-bottom: 20px;">
		<h5>相关资讯推荐</h5>
	</div>
			<ul class="clearfix">
				<li class="fl">
					{notempty name="informationList.left"}
					<div class="thumb fl">
						<a href="/news/{$informationList.left["0"]["information_id"]}">
							<img src="{$informationList.left["0"]["thumbnail"]}" />
						</a>
					</div>
					{/notempty}
					<dl class="fl">
						{volist name='informationList.left' id='info' key='k'}
						{if condition="($k < 5)"}
						<dd>
							<a href="/news/{$info.information_id}">{$info.information_title}</a>
						</dd>
						{/if}
						{/volist}
					</dl>
				</li>
				<li class="fl">
					{notempty name="informationList.left"}
					<div class="thumb fl">
						<a href="/news/{$informationList.left["4"]["information_id"]}">
						<img src="{$informationList.left["4"]["thumbnail"]}" />
						</a>
					</div>
					{/notempty}
					<dl class="fl">
						{volist name='informationList.left' id='info' key='k'}
						{if condition="($k > 4)"}
						<dd>
							<a href="/news/{$info.information_id}">{$info.information_title}</a>
						</dd>
						{/if}
						{/volist}
					</dl>
				</li>
			</ul>
		</div>
</div>
</div>
<!--conter end-->
<!--footer -->
{include file="/public/bottom" /}
<!--footer end-->
{include file="public/comscript" /}
</body>
</html>
<script>
    //登录
	function buyImg(drawing_id) {
        layer.open({
            type: 2,
            title:"提交订单",
            area: ["500px", "550px"],
            skin: 'layui-layer-rim',
            fixed: false, //不固定
            resize:false,
            zIndex:9999999,
            content: "index/design/postOrder?drawing_id="+drawing_id,
            shadeClose:true,
            end: function () {
                location.reload();
            }
        });
    };
</script>
